::-webkit-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background: rgb(64, 150, 255);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

::-webkit-scrollbar-track {
    background: 0 0;
}
body {
    margin: 0;
    padding: 0;
}

// 左侧导航
.sidebar-wrapper {
    height: 100vh;
    .logo-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        padding: 40px 0px 20px 0px;
        margin-bottom: 30px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        img {
            width: 50px;
            margin-right: 12px;
        }
        font-size: 20px;
    }
    .menu-wrapper {
        height: calc(100vh - 120px);
        overflow-y: scroll;
    }
}

// 内容区域
.content-wrapper {
    .header-wrapper {
        background-color: #fff;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
        padding-left: 20px;
    }
    .outlet-wrapper {
        margin: 20px;
        background-color: #fff;
        padding: 20px;
        max-height: calc(100vh - 120px);
        overflow-y: scroll;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }
}
